<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>Snake</title>
		<link rel="icon" href="favicon.ico">
		<style>
			body {
				background: #DDD;
			}
			canvas {
				margin-left: 24px;
				margin-top: 10px;
				background: #EEE;
				border: thin solid #aaa;
				box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.6);
			}
			#reset {
				width: 60px;
				height: 60px;
				text-decoration: none;
				text-align: center;;
				border: none;
				border-radius: 4px;
				box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.7);
			}
		</style>
	</head>

	<body>
		<canvas id="canvas" width="500" height="500"></canvas>
		<input id="reset" type="button" value="Reset">
		<script src="snake.js"></script>
	</body>
</html>